<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>960 Grid System &mdash; Demo</title>
<link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/960.css" />
<link rel='stylesheet' type="text/css" media="all" href="css/yongs.css">
</head>
<body>
<div id='head'>
	<div class="container_12">
	    <div class="grid_3">
	        <div id="temlogo"></div>
	    </div>
	    <div id="head-nav" class="grid_9">
	        <div class='leftbord'></div>
	        <div class='content'>
	         <div class='content-top'>
	          </div>
	            <ul class='content-bottom'>
	                    热门分类:
	                   <li><a class='headnva' href='#' target='_blank'>音乐</a></li>
	                   <li><a class='headnva' href='#' target='_blank'>军事</a></li>
	                   <li><a class='headnva' href='#' target='_blank'>小说</a></li>
	              </ul>
	    
	         </div>
	        <div class='rightbord'></div>
	    </div>
	</div>
</div>
<div id='main' class="container_12">
    <!--右边栏开始-->
    <div class="grid_9">
        <div id='left_bottom' style='margin-top:0'>
            <ul class='re_nav_bar'>
                <li class='re_nav_cur'> 导航分类</li>
            </ul>
              <ul class='sitelist sub_sitelist' >
                    <li><a href='#'>网站名</a></li>
                    <li><a href='#'>网站名站</a></li>
                    <li><a href='#'>网站名站</a></li>
                    <li><a href='#'>网站名网站1</a></li>
                    <li><a href='#'>网站名网</a></li>
                    <li>网站名网</li>
                    <li>网站名站</li>
                </ul>
        </div>
    </div>
     <!--左边栏开始 grid_3加入的style并无意义，纯粹为和ie6兼容-->
    <div class="grid_3" style='float:right;margin-left:0'>
        <table class='left_elebox'>
            <thead>
            <tr>
                <th class='left'>分类标题</th> <th class='right'>更多</th>
            </tr>
            </thead>
            
            <tr><td>标题1111</td><td>标题2222</td></tr>
            <tr class='even'><td>标题1111</td><td>标题2222</td></tr>
            <tr><td>标题1111</td><td>标题2222</td></tr>
            <tr class='even'><td>标题1111</td><td>标题2222</td></tr>
        </table>
        
        <table class='left_elebox'>
            <thead>
            <tr>
                <th class='left'>分类标题</th> <th class='right'>更多</th>
            </tr>
            </thead>
            
            <tr><td>标题1111</td><td>标题2222</td></tr>
            <tr class='even'><td>标题1111</td><td>标题2222</td></tr>
            <tr><td>标题1111</td><td>标题2222</td></tr>
            <tr class='even'><td>标题1111</td><td>标题2222</td></tr>
        </table>
    </div>
</div>
<div id='footer' calss='footer'>

</div>
</body>
</html> 